<template>
  <div class="bar_Detail" ref="bar_Detail">
      
  </div>
</template>

<script>
import * as echarts from 'echarts';
export default {
    name:'BarDetail',
    mounted() {
        let myChart = echarts.init(this.$refs.bar_Detail);
        myChart.setOption({
            xAxis: {
                type: 'category',
            },
            yAxis: {
                show:false
            },
            grid:{
                bottom:0,
                top:0,
                left:0,
                right:0
            },
            series: [
                {
                data: [120, 200,50,70,120, 150, 80, 70, 110,50,90,70,130],
                itemStyle: {
                    color: '#5470c6'
                },
                type: 'bar'
                }
            ]
        })
    },
}
</script>

<style>
    .bar_Detail{
        width: 100%;
        height: 100%;
    }
</style>